<template>
  <div>
    <div class="footer">
            <div class="link">
                <div class="polex">
                    <h4 class="heading do-ellipsis">
                        <p style="line-height:3;">
                            <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 18px; color: rgb(51, 51, 51);'>关于POLEX</span>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="#/story">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>polex简介</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>polex文化</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="#/story">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>发展历程</span>
                            </a>
                        </p>
                    </h4>
                </div>
                <div class="jewel">
                    <h4 class="heading do-ellipsis">
                        <p style="line-height:3;">
                            <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 18px; color: rgb(51, 51, 51);'>推荐珠宝</span>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'></span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="#/center">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>初夏</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>爱的旅程</span>
                            </a>
                        </p>
                    </h4>
                </div>
                <div class="fast-nav">
                    <h4 class="heading do-ellipsis">
                        <p style="line-height:3;">
                            <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 18px; color: rgb(51, 51, 51);'>快捷导航</span>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="#/news">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>加盟代理</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="#/news">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>行业动态</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="#/about">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>联系我们</span>
                            </a>
                        </p>
                    </h4>
                </div>
                <div class="friend-link">
                    <h4 class="heading do-ellipsis">
                        <p style="line-height:3;">
                            <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 18px; color: rgb(51, 51, 51);'>友情链接</span>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>中国珠宝协会</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>四川玉石协会</span>
                            </a>
                        </p>
                        <p style="line-height:1.8;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>重庆珠宝协会</span>
                            </a>
                        </p>
                    </h4>
                </div>
                <div class="contact">
                    <h4 class="heading do-ellipsis">
                        <p style="line-height:3;">
                            <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 18px; color: rgb(51, 51, 51);'>联系我们</span>
                        </p>
                        <p style="line-height:1.6;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(153, 153, 153);'>客服咨询热线：</span>
                            </a>
                        </p>
                        <p style="line-height:1.6;">
                            <a href="">
                                <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: red;'>010-000000</span>
                            </a>
                        </p>
                    </h4>
                </div>
            </div>
            <div class="code">
                <div class="wechat">
                    <a href=""><img src="../assets/img/wechat.png" alt=""></a>
                    <p style="text-align:center;">
                        <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(51, 51, 51); padding-left:50px;'>关注微信</span>
                    </p>
                </div>
                <div class="blog">
                    <a href=""><img src="../assets/img/blog.png" alt=""></a>
                    <p style="text-align:center;">
                        <span style='font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; font-size: 14px; color: rgb(51, 51, 51); padding-left:70px;'>关注新浪官方微博</span>
                    </p>
                </div>
            </div>

        </div>
        <div class="sub-bottom">
            <div class="do-middle-center">
                <hr style="border-color:rgb(204, 204, 204);">
            </div>
            <div class="html-bottom">
                <p style="text-align: center;">
                    <span style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(153, 153, 153);">© 2017 GUEEN JEWELLERY . All Rights Reserved .</span>
                </p>
            </div>
        </div>
   </div>
</template>

<script>
     export default {
          
     }
</script>

<style scode>
 *{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
 .footer{
    width: 1200px;
    height: 321px;
    margin:  0 auto;
    margin-top: 40px;
    display: flex;
   
}
.footer .link{
    width: 783px;
    height: 166px;
     margin-top: 80px;
    display: flex;
}
.link .polex {
    width: 131px;
    height: 165px;
   
}
.link .jewel {
    width: 131px;
    height: 165px;
    margin-left: 30px;
}
.link .fast-nav {
    width: 131px;
    height: 165px;
     margin-left: 30px;
}
.link .friend-link {
    width: 131px;
    height: 165px;
    margin-left: 30px;
}
.link .contact {
    width: 131px;
    height: 165px;
   margin-left: 30px;
}
.link a{
    text-decoration: none;
}
.footer .code {
    width: 410px;
    height: 165px;
    margin-top: 80px;
    display: flex
}
.footer .code img{
    width: 122px;
    height: 122px;
    margin-left: 70px;
    margin-top: 10px;
   }

.do-middle-center{
    width: 1200px;
    margin: 0 auto;
    height: 10px;
} 
 .do-news-left img:hover{
       transform: scale(1.5);
}
 .do-news-right img:hover{
      transform: scale(1.5);
 }

    
</style>